@import url(./font.css);
/*初始样式*/
*{
	margin: 0px;
	padding: 0px;
	font-family: "微软雅黑";
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
/*特殊样式*/
.border-top_orange{
	border-top:1px solid orange; 
}
.border-top_green{
	border-top:1px solid green; 
}
.border-top_blue{
	border-top:1px solid blue; 
}
.border-top_red{
	border-top:1px solid #E53935; 
}
.border-top_blueg{
	border-top:1px solid #00C0A5; 
}
.te_parent{
	position: relative;
}
.te_box{
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	width: 64px;
	height: 20px;
	text-align: center;
	position: absolute;
	top:0px;
	left: 50%;
	margin-left: -32px;
}
.new{
	background: #83C44E;
}
.mian{
	background: #FFAC13;
}
.count{
	background: #E53935;
}
/*文字颜色*/
.font_orange{
	color: orange;
}
.green{
	color: green;
}
.red{
	color: #E53935;
}
.blue{
	color: blue;
}
/*顶部*/
.top{
	width: 100%;
	height: 40px;
	background: #333333;
}
.mid{
	width: 1226px;
	height: 40px;
	margin: 0 auto;
}
.top .top_floatLeft{
	/*width: 630px;*/
	height: 40px;
	float: left;
}
.top a{
	font-size: 12px;
	line-height: 40px;
	text-align: center;
	color: #B0B0B0;
	font-family: "微软雅黑"；
}
.top a:hover{
	color: #fff;
}
.top span{
	font-size: 12px;
	text-align: center;
	color: #424242;
	font-family: "微软雅黑"；
}
.top .top_floatRight{
	/*width: 299px;*/
	height: 40px;
	float: right;
}
.top .top_floatRight .car{
	margin-left: 22px;
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #424242;
	padding-left: 8px;
}
.top .top_floatRight .car:hover{
	color: #FF6700;
	background: #FFFFFF;
}
.top .top_floatRight .car:hover > .font{
	color: #FF6700;
}
.top .top_floatRight .car .font{
	color: #B0B0B0;
	font-size: 20px;
	vertical-align: -4px;
	padding-right: 4px;
}
.header{
	width: 100%;
	height: 745px;
	background: #fff;
}
.header .mid{
	width: 1226px;
	height: 40px;
	margin: 0 auto;
}
.header .header_top{
	width: 100%;
	height: 100px;
}
.header .header_top .header_logo{
	float: left;
	margin-top: 20px;
}
.header .header_top .header_mi5{
	float: left;
	margin-top: 15px;
	margin-left: 13px;
}
.header .header_top .header_nav{
	height:100px;
	margin-left: 12px;
	float: left;
}
.header .header_top .header_nav li{
	float: left;
	height: 100px;
	margin-right: 19px;
}
.header .header_top .header_nav li a{
	line-height: 100px;
	color: #333;
	font-size: 16px;
	font-family: "微软雅黑";
}
.header .header_top .header_nav li a:hover{
	color: #FF6801;
}
.header .header_top .search{
	float: right;
	margin-top: 28px;
}
.header .header_top .search .text{
	padding-left: 12px;
	width: 255px;
	height: 48px;
	border: 1px solid #E0E0E0;
	margin-right: -10px;
	border-right: none;
	float: left;
}
.header .header_top .search .submit{
	width: 50px;
	height: 50px;
	border: 1px solid #E0E0E0;
	background: #fff;
	font-size: 20px;
	line-height: 50px;
	float: left;
}
.header .header_top .search .submit:hover{
	background: #FF6801;
	color: #fff;
	border: 1px solid FF6801;
}

.header_mid{
	width: 100%;
	height: 460px;
	
}
.header_mid .banner{
	width: 1226px;
	height: 460px;
	position: relative;
}
.header_mid .nav_bg{
	width: 230px;
	height: 460px;
	background: #131310;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0.6;
}
.header_mid .nav{
	width: 230px;
	height: 420px;
	padding: 20px 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0.9;
}
.header_mid .banner .nav .font{
	position: absolute;
	right: 20px;
	font-style: normal;
	font-size: 16px;
	line-height: 42px;
	color: #fff;
}
.header_mid .nav li{
	position: relative;
	width: 230px;
	height: 42px;
}
.header_mid .nav li a{
	padding-left: 30px;
	line-height: 42px;
	font-size: 14px;
	color: #fff;
	font-family: "微软雅黑";
	
}
.header_mid .nav li:hover{
	background: #FF6801;
}
/*头部的底部*/
.header .header_mid .banner span{
	display: block;
	width: 41px;
	height: 68px;
	position: absolute;
}
.header .header_mid .banner .prev{
	left: 230px;
	top: 50%;
	margin-top: -34px;
	background: url(../images/icon-slides.png) -84px 0 no-repeat;
}
.header .header_mid .banner .prev:hover{
	background: url(../images/icon-slides.png) 0 0 no-repeat;
}
.header .header_mid .banner .next{
	right: 0px;
	top: 50%;
	margin-top: -34px;
	background: url(../images/icon-slides.png) -126px 0 no-repeat;
}
.header .header_mid .banner .next:hover{
	background: url(../images/icon-slides.png) -42px 0 no-repeat;
}
.header .header_bottom{
	width: 100%;
	height: 170px;
}
.header .header_bottom .list_item{
	width: 230px;
	height: 100%;
	margin-top: 15px;
	background: #5F5750;
	display: inline-block;
}
.header .header_bottom .list_item li{
	width: 76px;
	height: 67px;
	float: left;
	padding-top: 15px;
	position: relative;
}
.header .header_bottom .list_item li .vline{
	display: block;
	width: 1px;
	height: 70px;
	background: #665E57;
	position: absolute;
	top: 10px;
	right: 0px;
}
.header .header_bottom .list_item li .hline{
	display: block;
	width: 60px;
	height: 1px;
	background: #665E57;
	position: absolute;
	left: 10px;
	bottom: -8px;
}
.header .header_bottom .list_item li a{
	display: block;
	font-size: 12px;
	text-align: center;
	color: #CFCDCB;
}
.header .header_bottom .list_item li a .font{
	color: #CFCDCB;
}
.header .header_bottom .list_item li a:hover{
	color: #fff;
}
.header .header_bottom .list_item li a:hover > .font{
	color: #fff;
}
.header .header_bottom .list_item li a span{
	display: block;
	height: 24px;
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
}
.header .header_bottom a.ad{
	display:inline-block;
	height: 170px;
	margin-left: 10px;
}
.header .header_bottom a img{
	height: 170px;
}
/*明星单品*/
.star{
	width: 100%;
	height: 438px;
}
.star .mid{
	height: 438px;
	margin: 0 auto;
}
.product_top{
	width: 100%;
	height: 58px;
}
.product_top h2{
	font-size: 22px;
	color: #333;
	height: 58px;
	line-height: 58px;
	float: left;
	font-weight: normal;
	font-family: "微软雅黑";
}
.product_top .more{
	float: right;
}
.product_top .star_more{
	height: 58px;
}
.product_top .more a{
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	margin-top: 26px;
	color: #B5B0B0;
	
}
.product_top .more a:hover{
	color: #FF6801;
}
.product_top .more a.prev{
	border: 1px solid #E0E0E0;
	margin-right: -1px;
	display: inline-block;
	width: 30px;
	height: 20px;
}
.product_top .more a.next{
	display: inline-block;
	width: 30px;
	height: 20px;
	border: 1px solid #E0E0E0;
}
.star .mid{
	overflow: hidden;
}
.star .product_star{
	width: 2480px;
	height: 340px;
}
.star .product_star li{
	width: 234px;
	height: 300px;
	background: #FAFAFA;
	float: left;
	padding-top: 40px;
	margin-right: 14px;
}
.star .product_star li img{
	width: 160px;
	height: 160px;
	display: block;
	margin: 0 auto;
}
.star .product_star li a{
	display: block;
	text-align: center;
	font-family: "微软雅黑";
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #212121;
	margin-top: 20px;
	margin-bottom: 3px;
}
.star .product_star li p.intro{
	text-align: center;
	height: 18px;
	line-height: 18px;
	color: #b0b0b0;
	font-size: 12px;
	margin-bottom: 12px;
}
.star .product_star li p.price{
	color: #ff6709;
	font-size: 14px;
	text-align: center;
}
/*产品展示*/
.product_list{
	width: 100%;
	height: 4510px;
	background: #F5F5F5;
	padding-top: 60px;
}
.product_list .smart{
	width: 100%;
	height: 686px;
}
/*智能硬件的查看全部没有做*/
.product_list .smart .product_top .more{
	font-size: 16px;
	color: #333;
}
.product_list .smart .product_top .more span{
	display: inline-block;
	width: 20px;
	height: 23px;
	border-radius: 12px;
	background: #B0B0B0;
	font-size: 12px;
	text-align: center;
	line-height: 23px;
	margin-left: 8px;
	color: #fff;
}
.product_list .smart .product_top .more:hover{
	color: #FF6801;
}
.product_list .smart .product_top .more:hover > span.font{
	background: #FF6801;
}
.product_list .smart .product_main{
	width: 100%;
	height: 628px;
}
.product_list .smart .product_main .smart_left{
	width: 234px;
	height: 628px;
	float: left;
}
.product_list .smart .product_main .smart_right{
	width: 978px;
	height: 628px;
	float: right;
}
.product_list .smart .product_main .smart_left img{
	width: 234px;
}
.product_list .right_product{
	height: 300px;
}
.product_list .smart .right_product li{
	width: 234px;
	height: 280px;
	background: #fff;
	float: left;
	margin: 0 10px 10px 0;
	padding-top: 20px;
}
.product_list .smart  .right_product li img{
	display: block;
	width: 160px;
	height: 160px;
	margin: 0 auto;
}
.product_list .smart .right_product li a{
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 14px;
	color: #000;
	font-family: "微软雅黑";
	margin-bottom: 10px;
}
.product_list .smart .intro{
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	color: #BBBBCE;
	margin: 0 10px 15px 10px;
}
.product_list .smart .price{
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	color: #FF6700;
}

/*搭配*/
.product_list .mid .smart .product_top h2{
	font-weight: normal;
	color: #333333;
}
.product_list .smart .product_top ul.more{
	margin-top: 16px;
}
.product_list .smart .product_top .more li {
	float: left;
	margin-left: 30px;
	font-size: 16px;
	color: #000;
	text-align: center;
	padding: 1px 0px;
}
.product_list .smart .product_top .more li:hover{
	color: #FF6700;
	border-bottom: 2px solid #FF6700;
}
.product_list .smart .product_ad{
	width: 234px;
	line-height: 300px;
	background: #fff;
	margin-bottom: 4px;
}
.product_list .smart .right_product .short{
	height: 143px;
	margin-right: 0px;
	padding: 0px;
	position: relative;
}
.product_list .smart .right_product .short img{
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 32px;
}
.product_list .smart .right_product .short a{
	text-align: left;
	margin: 40px 0px 10px 28px;
	font-size: 16px;
}
.product_list .smart .right_product .short .more_bigfont{
	margin-top: 50px;
	font-size: 20px;
}
.product_list .smart .right_product .short .intro{
	text-align: left;
	margin: 0px 0px 0px 28px;
}
.product_list .smart .right_product .short .font{
	font-size: 48px;
	color: #FF6700;
	position: absolute;
	left: 150px;
	top: 45px;
}
.product_list .smart .right_product .short .more_fontbottom{
	font-size: 14px;
	color: #BBBBCE;
}
.product_list .smart .right_product .onlyprice{
	font-size: 16px;
	color: #FF6700;
}
.product_list .smart .right_product .comment{
	font-size: 14px;
	color: #BBBBCE;
}
.product_list .smart .right_product .tuijian_price{
	padding-top: 10px;
}
.product_list .smart .right_product .tuijian_intro{
	margin-top: 10px;
}
.product_list .mid .tuijian{
	height: 368px;
}
.product_list .mid .tuijian .tuijian_main{
	height: 300px;
}
.product_list .mid .tuijian .tuijian_li img{
	width: 140px;
	height: 140px;
}
.product_list .mid .tuijian .tuijian_main a.tuijian_product{
	padding: 15px 0;
	font-size: 15px;
}
/*热评*/
.product_list .mid .hot{
	height: 483px;
}
.product_list .smart .right_product .hot_comment{
	padding-top: 0px;
	width: 296px;
	height: 415px;
}
.product_list .smart .right_product .hot_img{
	width: 296px;
	height: 220px;
	margin-bottom: 28px;
}
.product_list .smart .right_product .jieshi{
	width: 240px;
	height: 72px;
	margin: 0px 28px 22px 28px;
}
.product_list .smart .right_product .jieshi  a{
	color: #333;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
}
.product_list .smart .right_product .hot_intro{
	height: 18px;
	margin: 0 28px 8px;
	padding: 0 10px 0 0;
	font-size: 12px;
	color: #b0b0b0;
	text-align: left;
}
.product_list .smart .right_product div{
	width: 236px;
	height: 22px;
	margin: 0 28px;
	text-align: left;
}
.product_list .smart .right_product div a{
	display: inline;
	color: #333;
	font-size: 14px;

}
.product_list .smart .right_product div span{
	font-size: 14px;
	color: #E0E0E0;
}
.product_list .smart .right_product div p{
	display: inline;
	font-size: 14px;
}
/*内容开始*/
.product_list .mid .content{
	width: 100%;
	height: 510px;
}
.product_list .smart .content_main{
	width: 100%;
	height: 440px;
}
.product_list .smart .content_main .content_box{
	width: 296px;
	height: 400px;
	padding-top: 40px;
	position: relative;
}
.product_list .smart .content_main .content_box span{
	display: block;
	width: 20px;
	height: 48px;
	position: absolute;
	top: 50%;
	font-size: 18px;
	line-height: 48px;
	text-align: center;
	margin-top: -20px;
	color: #fff
}
.product_list .smart .content_main .content_box span:hover{
	background: #8E8E8E;
}
.product_list .smart .content_main .content_box .prev{
	left: 0px;
}
.product_list .smart .content_main .content_box .next{
	right: 0px;
}
.content_main .right_product .content_box:hover>.prev{
	background: #D9D9D9;
}
.content_main .right_product .content_box:hover>.next{
	background: #D9D9D9;
}
.product_list .smart .content_main .content_box .dot li{
	width: 10px;
	height: 10px;
	line-height: 110px;
	float: left;
	padding: 0px;
	margin: 0;
	margin-left: 30px;
	color: #B0B0B0;
	background: #B0B0B0;
	border-radius: 5px;
	border: 2px solid #fff;
	box-sizing:border-box;
	overflow: hidden;
}
.product_list .smart .content_main .content_box .dot li:hover{
	background: #FF6700;
}
.product_list .smart .content_main .content_box .dot{
	height: 10px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -92px;
}
.product_list .smart .content_main .content_box .dot .selected{
	background: #fff;
	border-radius: 5px;
	border-color: #FF6700;
}
.product_list .smart .content_main .content_box h2{
	text-align: center;
	margin-bottom: 18px;
	font-size: 16px;
	font-weight: normal;
}

.product_list .smart .content_main .content_box .content_list{
	width: 100%;
	height: 340px;
	margin: 0px;
	overflow: hidden;
}
.product_list .smart .content_main .content_box .content_list ul li{
	width: 296px;
	height: 340px;
	padding: 10px 0 0 0;
}
.product_list .smart .content_main .content_box .content_list ul li .content_title{
	display: block;
	width: 256px;
	height: 25px;
	text-align: center;
	margin: 0px auto 5px;
	font-size: 20px;
	line-height: 25px;
}
.product_list .smart .content_main .content_box .content_list ul li .content_intro{
	display: block;
	width: 200px;
	height: 40px;
	text-align: center;
	margin: 0 auto;
	color: #b0b0b0;
	font-size: 12px;
	line-height: 20px;
} 
.product_list .smart .content_main .content_box .content_list ul li .content_type{
	display: block;
	width: 200px;
	height: 21px;
	text-align: center;
	margin: 10px auto 15px;
	color: #000;
	font-size: 14px;
	line-height: 15px;
} 


.product_list .smart .content_main .content_box .content_list ul li img{
	width: 216px;
	height: 154px;
	margin: 0 auto;
}
.product_list .smart .content_main .content_box .content_list ul li .img{
	display: block;
	width: 216px;
	height: 154px;
	margin: 0 auto;
}
/*视频*/
.product_list .mid .video{
	width: 100%;
	height: 343px;
	overflow: hidden;
}
.product_list .mid .video .video_ul{
	width: 1300px;
}
.product_list .mid .video .video_main{
	width: 100%;
	height: 285px;
}
.product_list .mid .video .video_main .video_list{
	width: 296px;
	height: 285px;
	padding: 0px;
}
.product_list .mid .video .video_main .video_list .video_img{
	display: block;
	width: 100%;
	height: 180px;
	position: relative;
}
.product_list .mid .video .video_main .video_list .video_img:hover > i.font{
	background: #FF6700;
	border-color: #FF6700;
}
.product_list .mid .video .video_main .video_list .font{
	display: block;
	width: 36px;
	height: 24px;
	border-radius: 12px;
	font-size: 30px;
	line-height: 24px;
	color: #fff;
	border: 2px solid #fff;
	background: rgb(0,0,0,0.6);
	font-style: normal;
	position: absolute;
	bottom: 14px;
	left: 24px;
}
.product_list .mid .video .video_main .video_list h3{
	text-align: center;
	height: 21px;
	font-weight: normal;
	margin-bottom: 6px;
	margin-top: 32px;
}
.product_list .mid .video .video_main .video_list .video_title{
	font-size: 14px;
	line-height: 21px;
}
.product_list .mid .video .video_main .video_list p{
	text-align: center;
	height: 18px;
	font-size: 12px;
	color: #b0b0b0;
}
/*底部site*/
.footer_site{
	width: 100%;
	height: 275px;
	background: #fff;
}
.footer_site .site_top{
	width: 100%;
	height: 80px;
}
.footer_site .site_top ul{
	width: 1300;
	height: 40px;
	padding: 25 0px;
}
.footer_site .site_top ul li{
	width: 243px;
	height: 25px;
	text-align: center;
	float: left;
	font-size: 16px;
	border-right: 1px solid #E0E0E0;
}
.footer_site .site_top ul li a:hover{
	color: #FF6700;
}
.footer_site .site_top ul .site_lastli{
	border:none;
}
.footer_site .site_top ul li a{
	color: #616161;
	line-height: 25px;
}
.footer_site .site_bottom{
	border-top: 1px solid #E0E0E0;
}
.footer_site .site_bottom dl{
	float: left;
	width: 160px;
	height: 72px;
	margin: 40px 0;
}
.footer_site .site_bottom dl dt{
margin: -1px 0 26px;
font-size: 14px;
color: #424242;
}
.footer_site .site_bottom dl dd a{
	font-size: 12px;
	color: #757575;
}
.footer_site .site_bottom dl dd a:hover{
	color: #FF6700;
}
.footer_site .site_bottom div.phone_number{
	width: 252px;
	height: 72px;
	margin: 40px 0;
	float: right;
}
.footer_site .site_bottom div.phone_number .number{
	font-size: 22px;
	margin-bottom: 5px;
	text-align: center;
	color: #ff6700;
}
.footer_site .site_bottom div.phone_number .time{
	text-align: center;
	font-size: 12px;
	color: #757575;
	margin-bottom: 16px;
}
.footer_site .site_bottom div.phone_number .time span{
	display: block;
}
.footer_site .site_bottom div.phone_number .ser_time{
	text-align: center;
	width: 120px;
	height: 30px;
	color: #ff6700;
	font-size: 12px;
	margin: 0 auto;
	line-height: 30px;
	border: 1px solid #F25807;
}
.footer_site .site_bottom div.phone_number .ser_time:hover{
	background: #F25807;
	color: #fff;
}
/*底部开始*/
.footer{
	width: 100%;
	height: 136px;
	background: #FAFAFA;
	padding-top: 30px;
}
.footer .footer_top{
	width: 100%;
	height: 57px;
}
.footer .footer_top .top_left{
	height: 57px;
	float: left;
}
.footer .footer_top .top_left .logo{
	float: left;
}
.footer .footer_top .top_left .logo img{
	width: 57px;
	height: 57px;
	margin-right: 10px;
}
.footer .footer_top .top_left .right{
	float: left;
}
.footer .footer_top .top_left .right p{
	font-size: 12px;
	color: #757575;
}
.footer .footer_top .top_left .right p a{
	color: #757575;
}
.footer .footer_top .top_left .right p.font{
	font-size: 12px;
	color: #BAC3D7;
}
.footer .footer_top .top_left .right p.font a{
	font-size: 12px;
	color: #BAC3D7;
}
.footer .footer_top .top_left .right p a:hover{
	color: #FF6801;
}
.footer .footer_top .top_right{
	float: right;
}
.footer .footer_top .top_right ul li{
	float: left;
}
.footer .footer_top .top_right ul li img{
	width: 83px;
	height: 28px;
	margin-left: 10px;
}
.footer .footer_bottom{
	width: 267px;
	height: 19px;
	margin: 30px auto 0px;
	color: #FAFAFA;
	font-size: 19px;
	background: #fff url(../images/footer/mi.png) 0 0 no-repeat;
}